<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>圈圈生活</title>
	<meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />
	<link href="css/main.css" rel="stylesheet" />
</head>
<body class="body">
<div id="viewport" class="viewport">
	<div class="main">
    	<img src="img/01.jpg" class="bg">
    	<em id="openDialog" class="gz"></em>
    </div>
    <div id="alertBox" class="alertBox">
        <div class="content">
        	<em class="title"></em>
            <em class="close" id="closeDialog"></em>
            <p>1、活动时间：2017年1月27日00:00—2月2日23:59。</p>
	        <p>2、抽奖方式：下载圈圈生活App并注册，前往桃源居社区签到，即可参与抽奖。</p>
	        <p>3、中奖率高达100%，活动期间每天可抽奖1次。</p>
	        <p>4、活动奖品为圈币，圈币是圈圈生活的专属货币，可在圈圈服务及圈圈商城中使用，抵扣现金。</p>
	        <p>5、活动对象仅限桃源居注册用户。</p>
	        <p>6、客服电话:18948328120、0755-83238363。</p>
	        <p>7、活动最终解释权归幸福圈圈科技有限公司所有</p>
        </div>
    </div>
</div>
<script type="text/javascript">
window.onDeviceOneLoaded = function() {
    var alertId = document.getElementById("alertBox");
    var openDialog = document.getElementById("openDialog");
    var closeDialog = document.getElementById("closeDialog");
    openDialog.onclick = function(){
        alertId.className = "alertBox animated bounce";
    }
    closeDialog.onclick = function(){
        alertId.className = "alertBox";
    }
}
</script></body>
</html>